<template>
  <div>
    <h1>App</h1>
    <!-- <TsInput title="hello input"></TsInput> -->
    <TsInput @sendtitle="say" :title="stitle"></TsInput>
    <hr>
    {{ tsTitle }}
  </div>
</template>
<script>
export default {
  data() {
    return {
      stitle: 'hello input',
      tsTitle: ''
    }
  },
  methods: {
    say(e) {
      this.tsTitle = e;
    }
  }
}
</script>
<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>